/*
 * @Author: 涵崽
 * @Date: 2023-11-10 10:27:31
 * @email: 1045654@qq.com
 * @gitee: https://gitee.com/han-zai
 * @LastEditors: 涵崽
 * @LastEditTime: 2023-11-10 14:29:47
 * @Description: 自定义指令 - 判断某个元素是否显示
 *
 * 使用方法： v-permission="1" 传递一个id，用来判断当前id是否显示。
 * 注意!!：这个文件只会在项目挂载时执行一次！！
 */
// 定义一个函数removeNode，参数为一个元素el
// import Cookies from "js-cookie";
import Cookies from "js-cookie";
import Vue from "vue";
export default function (el, binding) {
  const id = binding.value.toString(); // 获取传递给指令的 ID 参数
  const currentUrl = Cookies.get("url").split(",");
  let isShow = currentUrl.indexOf(id);
  console.log(isShow, el);
  // 如果值为-1，则表示在该数组中没找到该元素
  if (isShow == -1) {
    // 使用Vue的nextTick方法延迟执行
    Vue.nextTick(() => {
      if (el.parentNode) {
        el.parentNode.removeChild(el);
      }
    });
  }
}
